@import "../../less/@name";

.footNavBar{
  background: @bg-white;
  position:fixed;
  bottom:0;
  width:100%;
  display: flex;
  justify-content: center;
  height:50px;
  border-top: 1px solid @line;
  ul{
    width:100%;
    li{
      width:25%;
      a{
        justify-content: center;
        align-items: center;
        width:100%;
        flex-direction: column;
        i{}
        span{}
        &.active{
          color: @color-main-1;
          i{
            color: @color-main-1;
          }
          span{
            color: @color-main-1;
          }
        }
      }
    }
  }
}